<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <button id="G" onclick="alert('GGGGGGG')"></button>
    <script>
        /* 
            事件(event)
            - 事件就是用户和页面之间发生的交互行为
                比如:点击按钮,鼠标移动,双击按钮,敲击键盘等等
            - 可以通过为事件绑定相应函数(回调函数),来完成和用户的交互
            - 绑定响应函数的方式:
                1. 可以直接在元素的属性中设置
                2. 可以通过为元素的指定属性设置回调函数的形式来绑定事件(一个事件只能绑定一个响应参数,有多个会被覆盖)
                3. 可以通过元素addEventListener()方法来绑定事件
        */
    //    获取到按钮对象
        const btn = document.getElementById("G")
    // 为按钮对象的属性位置相应函数
        // btn.onclick = function(){
        //     alert("?DDDD")
        // }
        // btn.onclick = function(){
        //     alert("?222D")
        // }
        btn.addEventListener("click",function(){
            alert("SDSADSA")
        })
        btn.addEventListener("click",function(){
            alert("SDSAdsadasdsaDSA")
        })
        btn.addEventListener("click",function(){
            alert("SDSADdsazdasdsaSA")
        })
        

    </script>
</body>
</html>